import React from 'react'
import {HashRouter,Route,Link,Switch} from 'react-router-dom'
import {Row,Col,Button} from 'antd' 
import {RetweetOutlined} from '@ant-design/icons'
import 'antd/dist/antd.css'
import Shou from '../shou/index'
 import Deng from '../deng/load'
 import Guan from '../guan/load'
 import Zhu from '../zhu/load'

//const Guan=load(()=>import('../guan/index'))
//const Zhu=load(()=>import('../zhu/index'))
class Router extends React.Component
{
    constructor(){
        super()
    }
    render(){
        return (
            <HashRouter>        
               <Row>
                   <Col span={6}><Link to="/">首页</Link></Col>
                   <Col span={6}><Link to="/Deng">登录</Link></Col>
                   <Col span={6}><Link to="/Zhu">注册</Link></Col>
                   <Col span={6}><Link to="/Guan">管理</Link></Col>
               </Row>         
               <Switch>
               
                    <Route exact path="/" component={Shou}></Route>
                    <Route exact path="/Deng" component={Deng}></Route>
                    <Route exact path="/Zhu" component={Zhu}></Route>
                    <Route exact path="/Guan" component={Guan}/>
               

                </Switch>
                   
              
            </HashRouter>
        )
    }
}
export default Router